<template>
	<div class="error-bd" v-show="errorShow">
		<span class="iconfont icon-error"></span>
		<p class="error-text">网路走丢啦！</p>
	</div>
</template>

<script>
export default {
	name: 'Error',
	props: {
		errorShow: {
			type: Boolean,
			default() {
				return false;
			}
		}
	}
}
</script>

<style lang="scss" scoped>
@import '~styles/mixins.scss';

.error-bd {
	@include vh-center;
	flex-direction: column;
	height: 3rem;
	color: #999;

	.iconfont {
		font-size: .5rem;
	}

	.error-text {
		font-size: .14rem;
		margin-top: .1rem;
	}
}
</style>